//sidebar
$menuBg:#304156;
$subMenuBg:#1f2d3d;
$menuHover:#001528;
$menuWordColr: #ffffff;

$mainColor: #6C7E59 ; // 主色
$bgColor: rgba(236, 237, 234, 0.4); // 背景色

$normalColor:#666666;
$colorTitleBC:#f9f9f9;

$menuNormalColor: #6D6D6D; // 菜单默认颜色
$menuActiveColor: #6C7E59; // 菜单选中颜色
$menuActiveBgColor: rgba(236, 237, 234, 0.4); //菜单选中背景色

$navNormalColor: #6D6D6D; // 顶部导航栏默认颜色
$navActiveColor: #6C7E59; // 菜单选中颜色
$navActiveBgColor: rgba(236, 237, 234, 0.4); //菜单选中背景色

$pagNormalColor: #6D6D6D; // 翻页默认颜色
$pagActiveBgColor: #6C7E59; // 翻页选中颜色

$dialogTitle: #191919;
$color_white: #d5d5d5;
$topBarH: 56px;
$inputH: 32px;
$spanDelColor: #FA675C;

$menuFold: 48px;
$menuOpen: 208px; // 左侧菜单展开的宽度

$destopHD: 1920px;
$destop: 1439px;
$ipadL: 960px;
$ipadP: 768px;
$iphoneP: 540px;
$iphone: 375px;
$iphone5: 320px;
$paddingDesktop: 36px;
$paddingIpad: 24px;
$paddingPhone: 12px;
$navHeight: 72px;



$breakpoints: (
	'320': (max-width: 320px),
	'375': (max-width: 375px),
  '414': (max-width: 414px),
  '768': (max-width: 768px),
  '767': (max-width: 767px),
  '830': (max-width: 830px),
  '890': (max-width: 890px),
  '1023': (max-width: 1023px),
  '1024': (max-width: 1024px),
  '1242': (max-width: 1242px),
  '1280': (max-width: 1280px),
  '1360': (max-width: 1360px),
  '1439': (max-width: 1439px),
  '1493': (max-width: 1493px),
  '1440': (max-width: 1440px),
  '1680': (max-width: 1680px),
  '1441': (min-width: 1440px),
  '1281': (min-width: 1280px),
  '1681': (min-width: 1680px),
  
  '1900': (min-width: 1900px),
  'iphone5': (max-width: $iphone5),
  'iphone': (max-width: $iphone),
  'iphoneP': (max-width: $iphoneP),
  'min-iphoneP': (min-width: $iphoneP),
  'ipadP': (max-width: $ipadP),
  'ipadL': (max-width: $ipadL),
  'destop': (max-width: $destop),
  'destopHD': (max-width: $destopHD)
);

/// Responsive breakpoint manager
/// @access public
/// @param {String} $breakpoint - Breakpoint
/// @requires $breakpoints
@mixin respond($breakpoint) {
  $raw-query: map-get($breakpoints, $breakpoint);

  @if $raw-query {
    $query: if(
      type-of($raw-query) == 'string',
      unquote($raw-query),
      inspect($raw-query)
    );

    @media #{$query} {
      @content;
    }
  } @else {
    @error 'No value found for `#{$breakpoint}`. '
         + 'Please make sure it is defined in `$breakpoints` map.';
  }
}

@mixin scale($x: 1, $y: 1){
  -webkit-transform: scale($x,$y);
      -moz-transform: scale($x,$y);
      -ms-transform: scale($x,$y);
        -o-transform: scale($x,$y);
          transform: scale($x,$y);
  }